
<!DOCTYPE html>
<html>
    <head>
        <title>Rudon短链接 - 永久免费</title>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="shortcut icon" type="image/x-icon" href="/dynamic/assets/img/logo.png" />
        <link rel="stylesheet" href="/dynamic/assets/css/dynamic.css" />
        <style>
            /* 时钟参考 HTML5 SVG圆盘时钟动画 5种时钟样式 https://www.html5tricks.com/html5-svg-clock.html */
            html, body {
                height: 100%;
                margin: 0;
                padding: 0;
            }
            ::-webkit-input-placeholder { 
            /* WebKit browsers，webkit内核浏览器 */
            color: #ccc; 
            } 
            :-moz-placeholder { 
            /* Mozilla Firefox 4 to 18 */ 
            color: #ccc; 
            } 
            ::-moz-placeholder { 
            /* Mozilla Firefox 19+ */ 
            color: #ccc; 
            } 
            :-ms-input-placeholder { 
            /* Internet Explorer 10+ */ 
            color: #ccc; 
            }

        </style>
    </head>
    <body style="background: linear-gradient(to bottom, #CDECFD 0%, #FFFFFF 90%); height: 100%;">
        <div class="text-center paddingTop100">
            <form method="post" action="" id="mainForm" onsubmit="return checkSubmit();">

                <div class="hidden">
                    <input type="submit" value="提交" class="" id="submitBtn"/>
                </div>
                
                <div class="rowCenter paddingCol30">
                    <div class="paddingRight20">
                        
                        <a href="https://tools.rudon.cn">
                            <img src="/dynamic/assets/img/logo.png" alt="" class="img50 opacity80"/>
                        </a>

                    </div>
                    <div>
                        <h2 class="noselect">
                            <span class="opacity80">Rudon短链接</span> 
                            <sup class="colorRed opacity80 fontSize12"><i>永久免费!</i></sup>
                        </h2>
                    </div>
                </div>
                


                <div class="margin0Auto width80pct paddingRow6 bgColorWhite radius10 rowSpaceBetween colAlignItemsCenter" style=" border: 1px solid #CCCCCC;">
                    <div class="colInner flexAuto">
                        <input type="text" value="" name="url" id="url" required="required" autocomplete="off" placeholder=" 长链接" class="radius10 width99pct" style="padding: 12px 10px; width: 60%; outline: unset; border: unset;"/>
                    </div>
                    <div class="colInner cursorPointer" onclick="document.getElementById('submitBtn').click();">
                        <svg t="1675178755798" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6597" width="30" height="30"><path d="M512 955.733333c-121.924267 0-227.328-43.895467-313.326933-130.474666C112.162133 739.328 68.266667 634.197333 68.266667 512.853333c0-122.743467 43.8784-228.437333 130.440533-314.999466C284.689067 111.872 390.0928 68.266667 512 68.266667c121.890133 0 227.549867 43.588267 314.112 129.536C912.145067 284.450133 955.733333 390.126933 955.733333 512c0 121.890133-43.605333 227.293867-129.5872 313.2928C739.584 911.854933 633.890133 955.733333 512 955.733333z m0-853.333333c-112.520533 0-209.800533 40.226133-289.160533 119.586133C142.933333 301.909333 102.4 399.496533 102.4 512c0 112.776533 40.516267 209.7664 120.405333 289.1264C302.2336 881.1008 399.5136 921.6 512 921.6c112.520533 0 210.090667-40.516267 290.013867-120.439467C881.373867 721.800533 921.6 624.520533 921.6 512c0-112.5376-40.2432-210.1248-119.637333-290.065067C722.1248 142.6432 624.5376 102.4 512 102.4z" p-id="6598"></path><path d="M427.52 681.813333h-0.0512a34.116267 34.116267 0 0 1-24.200533-10.120533l-85.333334-86.186667a34.133333 34.133333 0 1 1 48.520534-48.0256l61.149866 61.764267 231.7312-232.516267a34.133333 34.133333 0 1 1 48.366934 48.1792l-256 256.8704a34.2016 34.2016 0 0 1-24.183467 10.0352z" p-id="6599"></path></svg>
                    </div>
                </div>

            </form>
        </div>

        <!-- 结果 -->
        <div class="paddingCol40 margin0Auto width80pct paddingRow6 text-center minHeight50px">
            <a id="resultLink" href="" target="_blank">
                <span id="resultText"></span>
            </a>
        </div>


        <a href="/dynamic/history/">
            <div class="positionFixed img20 bgColorBlue opacity10 radius50pct" style="bottom: 10px; right: 10px;"></div>
        </a>


        <script>
            function checkSubmit () {
                let res = false
                let url = document.getElementById('url').value
                url = url.replace(/(^\s*)|(\s*$)/g, "")

                if (url != '') {
                    document.getElementById('url').value = url

                    // 检查格式
                    if (url.indexOf('://') == -1) {
                        alert('请检查长链接')
                    } else {
                        res = true
                    }
                }
                return res
            }
        </script>
        
    </body>
</html>
